@import "compass/css3";
$fontColor: #409EFF;
$white: #fff;
$info: #919191;

.init-avatar{
  background: $white;
  padding: 30px 0;
  margin-top: 41px;
  .avatar-wrapper{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #E0E0E0;
    @include border-radius(50%);
    position: relative;
    img{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 58%;
    }
  }
}
.reg-area{
  background: $white;
  padding: 10px 20px;
  margin-bottom: 60px;
  .reg-item{
    position: relative;
    margin-bottom: 25px;
    i{
      color: $fontColor;
      font-size: 20px;
    }
    .tips{
      position: absolute;
      left: 30px;
      bottom: -20px;
      color: red;
    }
  }
  .captcha-item{
    display: flex;
    .el-input{
      flex: 1;
      margin-right: 15px;
    }
    .el-button{
      flex: 0 0 100px;
    }
  }
  .upload{
    .el-button{
      margin-bottom: 5px;
      span{
        color: $fontColor;
        font-size: 20px;
      }
    }
    .upload-pic-info{
      font-size: 14px;
      color: $info;
    }
  }
}





.activeColor{
  color: $fontColor;
}